<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="EN" lang="EN" dir="ltr">
    <head profile="http://gmpg.org/xfn/11">
        <title>What To Wear | Registrazione</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <meta http-equiv="imagetoolbar" content="no" />
        <link rel="stylesheet" href="styles/layout.css" type="text/css" />
        <!-- Homepage Specific Elements -->
        <script type="text/javascript" src="scripts/jquery-1.4.1.min.js"></script>
        <script type="text/javascript" src="scripts/jquery-ui-1.7.2.custom.min.js"></script>
        <script type="text/javascript" src="scripts/jquery.tabs.setup.js"></script>
        <script type="text/javascript" src="scripts/js-image-slider.js"></script>
        <!-- End Homepage Specific Elements -->

        <title>Demo 2</title>
        <link href="themes/2/js-image-slider.css" rel="stylesheet" type="text/css" />
        <!--script src="themes/2/js-image-slider.js" type="text/javascript"></script-->
        <link href="js-image-slider.css" rel="stylesheet" type="text/css" />
    </head>
    
     <body onunload="javascript: window.opener.location.reload(); window.close();">
    <div class="popup_rnd">
    <div id="popup_foot">
    <div align="left"> Crea un nuovo account</div>
    <div id="form">
        
        <form name="utente" id="utente" onSubmit="return controllo();" method="post" action="servletutenti"/>
        <input type="hidden" name="op" value="aggiungiutente" />
        <label for="nome">Nome:</label>
        <input type="text" id="nome" name="nome" />
        <br/>
        <label for="mail">Mail:</label>
        <input type="text" id="mail" name="mail" />
        <br/>
        <label for="password">Password</label>
        <input type="password" id="password" name="password" />
        <br/>
        <input type="hidden" name="op" value="aggiungiutente"/>   
        <input name="invia" type="image" value="invia" src="images/button signin.png"/> <input name="reset" type="image" value="Reset" src="images/button annulla.png"/> 
                          
      
        
        <!--CONTROLLI SUI CAMPI: nessun inserimento, campo mancante, formato mail non corretto-->
        <script language="JavaScript"> 
            function controllo(){ 
            with(document.utente) { 
            if((nome.value=="")&&(mail.value="")&&(password.value="")){
            alert("ATTENZIONE:Tutti i campi sono vuoti!");
            tutto.focus(); 
            return false; 
            } 
          
            if(nome.value=="") { 
            alert("Errore: compilare il campo NOME"); 
            nome.focus(); 
            return false; 
            } 
            if(mail.value=="") { 
            alert("Errore: compilare il campo MAIL"); 
            mail.focus(); 
            return false; 
            } 
            if(mail.value.indexOf("@") == -1 ){
            alert("Errore: formato MAIL non corretto");     
            mail.focus(); 
            return false;    
            }
            if(password.value=="") { 
            alert("Errore: compilare il campo PASSWORD"); 
            password.focus(); 
            return false; 
            } 
            } 
            alert("Registrazione effettuata con successo!"); 
            return true; 
            } 
            </script>
    </div>
    </div>
    </div>
        
    <!--BUTTON LOGIN FACEBOOK-->
    <div id="fb-root"></div>
    <script>
        (function(d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id))
                return;
            js = d.createElement(s);
            js.id = id;
            js.src = "//connect.facebook.net/it_IT/all.js#xfbml=1&appId=484687408303232";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
    </script>
    
     <!--PLUGIN FACEBOOK: LOGIN-->
    <div id="fb-root"></div>
    <script>
        window.fbAsyncInit = function() {
            FB.init({
                appId: '484687408303232',
                status: true, // check login status
                cookie: true, // enable cookies to allow the server to access the session
                xfbml: true  // parse XFBML
            });

            // Here we subscribe to the auth.authResponseChange JavaScript event. This event is fired
            // for any authentication related change, such as login, logout or session refresh. This means that
            // whenever someone who was previously logged out tries to log in again, the correct case below
            // will be handled.
            FB.Event.subscribe('auth.authResponseChange', function(response) {
                // Here we specify what we do with the response anytime this event occurs.
                if (response.status === 'connected') {
                    // The response object is returned with a status field that lets the app know the current
                    // login status of the person. In this case, we're handling the situation where they
                    // have logged in to the app.
                    testAPI();
                } else if (response.status === 'not_authorized') {
                    // In this case, the person is logged into Facebook, but not into the app, so we call
                    // FB.login() to prompt them to do so.
                    // In real-life usage, you wouldn't want to immediately prompt someone to login
                    // like this, for two reasons:
                    // (1) JavaScript created popup windows are blocked by most browsers unless they
                    // result from direct interaction from people using the app (such as a mouse click)
                    // (2) it is a bad experience to be continually prompted to login upon page load.
                    FB.login();


                } else {
                    // In this case, the person is not logged into Facebook, so we call the login()
                    // function to prompt them to do so. Note that at this stage there is no indication
                    // of whether they are logged into the app. If they aren't then they'll see the Login
                    // dialog right after they log in to Facebook.
                    // The same caveats as above apply to the FB.login() call here.
                    FB.login();
                }
            });
        };

        // Load the SDK asynchronously
        (function(d) {
            var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
            if (d.getElementById(id)) {
                return;
            }
            js = d.createElement('script');
            js.id = id;
            js.async = true;
            js.src = "//connect.facebook.net/en_US/all.js";
            ref.parentNode.insertBefore(js, ref);
        }(document));

        /*aggiunta ma inutilmente*/


        function logout() {
            document.getElementById('nome').value = ' ';
            document.getElementById('mail').value = ' ';
            // document.getElementById('login').style.display = "none";
        }

        // Here we run a very simple test of the Graph API after login is successful.
        // This testAPI() function is only called in those cases.

        /*Modifica i permessi per la mail*/
        FB.login(function(response) {
            // handle the response
        }, {scope: 'email'});

        function testAPI() {
            console.log('Welcome!  Fetching your information.... ');
            FB.api('/me', function(response) {
                //console.log('Good to see you, ' + response.name + '.');
                document.getElementById('nome').value = response.name + ' ';
                document.getElementById('mail').value = response.email + ' ';
            }

            );
        }

//PARE CHE QUESTA FUNCTION LOGOUT SIA DOPPIA

        /*function logout() {
            document.getElementById('nome').value = ' ';
            document.getElementById('mail').value = ' ';
            // document.getElementById('login').style.display = "none";
        }*/
    </script>
    
    <!--PULSANTE FACEBOOK-->
    <div class="fb-login-button" data-max-rows="1" data-size="large" data-show-faces="false" data-auto-logout-link="true" perms="email"></div>
    
    
    
    
    </body>
</html>